<template>
  <div >
      
      <!-- 导航组件 -->
    
      <!-- 导航条 -->
      <Navigation v-if="NavigationState"/>



      <!-- 登录组件 -->
      <Login v-if="LoginState" />

      <!-- 通知组件 -->
      <transition name="fadeIn" >
            <Notice v-if="NoticeState"/>
      </transition>

      <!-- 发布组件 -->
      <Publish  v-if="PublishState!=0"/>
      
      <!-- 设置组件 -->
       <Setting  v-if="SettingState"/>
      
      <!-- 小功能 -->
      <Function  />

      <!-- 背景图片 -->
      <Background />

      <!-- 左侧通知 -->
      <Inform v-if="InformData.length>=1"/>
      
      <!-- 搜索组件 -->
      <Search v-if="SearchState"/>

      <!-- 等待组件 -->
      <Wait v-if="WaitState"/>

      <!-- 音乐 -->
      <Music v-if="MusicState>0"/>

       <!-- 举报文章 -->
       <Report v-if="ReportInfo.state"/>
     
       <Appeal v-if="AppealInfo.state"/>

      <!-- 回收站 -->
      <RecycleBin v-if="RecycleBinState"/>

      <!-- 系统消息 -->
      <SystemInfo v-if="SystemInfoState"/>

   
  </div>
</template>
<script>
import RecycleBin from '@/view/Personal/PersonalFunction/RecycleBin.vue'
import {mapState}  from 'vuex'
import Appeal from './Blog/Appeal/Appeal.vue'
import Report from './Blog/Report/Report.vue'
import SystemInfo from './Blog/SystemInfo/SystemInfo.vue'
export default {
  components: { Report, Appeal, RecycleBin, SystemInfo },
  computed:{
    ...mapState('Login',['LoginState']), //登录状态 
    ...mapState('Tool',['NoticeState','InformData','WaitState']),//通知状态  左侧通知数据 等待组件
    ...mapState('Article',['PublishState']),//发布组件状态
    ...mapState('Music',['MusicState']),//音乐组件状态
     ...mapState('Tool',['NavigationState']),//导航状态 
    ...mapState('Setting',['SettingState']),//设置状态
    ...mapState('Search',['SearchState']), //搜索状态
     ...mapState('Personal',['RecycleBinState']),
     ...mapState('Report',['ReportInfo','AppealInfo','SystemInfoState']), //举报信息 申述信息
  },
}
</script>

